.work-analysis {
  .ant-card {
    margin-top: 16px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);

    .ant-card-body {
      padding: 24px;
    }
  }

  // 表单样式
  .ant-form {
    .ant-form-item {
      margin-bottom: 16px;

      .ant-form-item-label {
        > label {
          color: #262626;
          font-weight: 500;
        }
      }
    }

    .ant-input {
      border: 1px solid #d9d9d9;
      border-radius: 6px;

      &:hover {
        border-color: #40a9ff;
      }

      &:focus {
        border-color: #40a9ff;
        box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
      }
    }

    .ant-select-selector {
      border: 1px solid #d9d9d9;
      border-radius: 6px;

      &:hover {
        border-color: #40a9ff;
      }
    }

    .ant-select-focused .ant-select-selector {
      border-color: #40a9ff;
      box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
    }

    .ant-picker {
      border: 1px solid #d9d9d9;
      border-radius: 6px;

      &:hover {
        border-color: #40a9ff;
      }

      &.ant-picker-focused {
        border-color: #40a9ff;
        box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
      }
    }
  }

  // 快捷选择按钮样式
  .ant-btn {
    height: 28px;
    padding: 4px 12px;
    font-size: 12px;
    border-radius: 6px;

    &.ant-btn-primary {
      background: #1890ff;
      border-color: #1890ff;

      &:hover {
        background: #40a9ff;
        border-color: #40a9ff;
      }

      &:focus {
        background: #40a9ff;
        border-color: #40a9ff;
      }
    }

    &.ant-btn-default {
      color: #666;
      border-color: #d9d9d9;

      &:hover {
        color: #1890ff;
        border-color: #1890ff;
      }
    }
  }

  // 表单按钮区域
  .form-buttons {
    display: flex;
    gap: 8px;
    margin-bottom: 16px;
  }

  // 表格样式
  .ant-table-wrapper {
    margin-top: 16px;

    .ant-table {
      .ant-table-thead > tr > th {
        color: #262626;
        font-weight: 600;
        text-align: center;
        background: #fafafa;
        border-bottom: 1px solid #f0f0f0;
      }

      .ant-table-tbody > tr {
        &:hover > td {
          background: #f5f5f5;
        }

        > td {
          padding: 12px 8px;
          text-align: center;
          border-bottom: 1px solid #f0f0f0;
        }
      }

      // 操作列样式
      .ant-table-tbody > tr > td:last-child {
        .ant-btn-link {
          height: auto;
          padding: 4px 8px;
          font-size: 12px;

          &:hover {
            color: #1890ff;
          }
        }
      }
    }
  }

  // 分页样式
  .ant-pagination {
    margin-top: 16px;
    text-align: center;

    .ant-pagination-total-text {
      color: #666;
      font-size: 14px;
    }

    .ant-pagination-item {
      border: 1px solid #d9d9d9;
      border-radius: 6px;

      &:hover {
        color: #1890ff;
        border-color: #1890ff;
      }

      &.ant-pagination-item-active {
        color: #fff;
        background: #1890ff;
        border-color: #1890ff;

        &:hover {
          background: #40a9ff;
          border-color: #40a9ff;
        }
      }
    }

    .ant-pagination-prev,
    .ant-pagination-next {
      border: 1px solid #d9d9d9;
      border-radius: 6px;

      &:hover {
        color: #1890ff;
        border-color: #1890ff;
      }
    }
  }

  // 响应式设计
  @media (max-width: 1200px) {
    .ant-form {
      .ant-col {
        margin-bottom: 16px;
      }
    }
  }

  @media (max-width: 768px) {
    .ant-card-body {
      padding: 16px;
    }

    .ant-form {
      .ant-col {
        margin-bottom: 16px;
        span: 24;
      }
    }

    .ant-table-wrapper {
      .ant-table {
        font-size: 12px;

        .ant-table-thead > tr > th,
        .ant-table-tbody > tr > td {
          padding: 8px 4px;
        }
      }
    }
  }
}
